
@media all and (max-width:800px) {
    /**中等屏幕*/
    body{
        display: flex;
       justify-content: center;
        background:url("https://s4.ax1x.com/2021/12/17/TigFAg.jpg");
       background-size: cover;
       background-repeat: no-repeat;
    }
    span{
        width: 100px;
    }
    .input-group{
        width: 300px;
    }
    form{
    
        margin-top: 90%;
        border-color: rgb(156, 20, 20);
       
        background-color: transparent;
        box-shadow: 0 16rpx 16rpx rgba(10, 16, 20, 0.24), 0 0 16rpx rgba(10, 16, 20, 0.12);}
    #formcontorl{
       height: 500px;
        border-width: 2px;
        border-color: cornflowerblue;
        display: flex;
        flex-direction: row;
    }
    
    button{
        border-radius: 10%;
        margin-top: 10%;
        width: 100%;
        height: 15%;
        color: azure;
        font-weight: bold;
    }
    #loginbtn{
        width: 100%;
        height: 15%;
    text-align: center;
    }
 
    
}
@media all  and (max-width:1920px) {
    /*
    超大屏幕
    */
    /**中等屏幕*/
    body{
        display: flex;
       justify-content: center;
        background-size: cover;
        background:url("https://s4.ax1x.com/2021/12/17/TigFAg.jpg");

    }
    span{
        width: 100px;
    }
    .input-group{
        width: 300px;
    }
    form{
    
        margin-top: 90%;
        border-color: rgb(156, 20, 20);
       
        background-color: transparent;
        box-shadow: 0 16rpx 16rpx rgba(10, 16, 20, 0.24), 0 0 16rpx rgba(10, 16, 20, 0.12);}
    #formcontorl{
       height: 500px;
        border-width: 2px;
        border-color: cornflowerblue;
        display: flex;
        flex-direction: row;
    }
    
    button{
        border-radius: 10%;
        margin-top: 10%;
        width: 100%;
        height: 15%;
        color: azure;
        font-weight: bold;
    }
    #loginbtn{
        width: 100%;
        height: 15%;
    text-align: center;
    }
 
}